//JSONP

function $(selector){
    let result = document.querySelectorAll(selector);
    if(result.length === 1){
        return result[0];
    }
    else{
        return result;
    }
}
let template=$("#template");
//回调函数
function callback(data){
    //由于未曾从response中获取数据，因此不需要再将数据转换为JSON类型
    data.forEach(function (item,index) {
        let Newli=template.cloneNode(true);
        Newli.id="";
        if (index!==0){
            Newli.querySelector(".left img").style.display="none";
        }
        Newli.querySelector(".left span:nth-of-type(1)").innerHTML=`${item["Pro-date"].substr(0,7)}`;
        Newli.querySelector(".left span:nth-of-type(2)").innerHTML=`${item["Pro-date"].substr(8,2)}`;
        Newli.querySelector(".right img").src=`img/${item["Pro-img"]}`;
        Newli.querySelector(".p1").innerHTML=`${item["Pro-name"]}`;
        Newli.querySelector(".p2 span:nth-of-type(2)").innerHTML=`${item["Pro-tit"]}`;
        Newli.querySelector(".p3").innerHTML=`${item["Pro-text"]}`;
        $(".banner ul").insertBefore(Newli,template);
        Newli.setAttribute("data-id",item["Pro-id"]);
        Newli.querySelector(".p1").onclick=function () {
           // alert($(".p1")[index].parentNode.parentNode.parentNode.getAttribute("data-id"));
            let id=$(".p1")[index].parentNode.parentNode.parentNode.getAttribute("data-id");
            location.assign(`http://10.35.164.8:81/SELECTJIEJUEXQ?id=${id}`);
        }
    })
}

//在页面显示的代码
let script = document.createElement("script");
script.setAttribute("src","http://10.35.164.8:81/SELECTJIEJUE?callback=callback");
//JAONP其实就是将函数名传入后台，在后台返回“回调函数()"从而前台自动执行此方法
let body = document.querySelector("body")
body.appendChild(script);